@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {

	.width_all{ max-width:980px;}
	
	.partner ul li em{ font-size:30px;}
	
	.product_right{ width:22%;}
	

}

@media screen and (max-width:1000px) {

	.width_all{ width:92%;}
	
	.wecome{ display:none;}
	.rexian{ display:none;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-93px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#0250a6;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#0250a6;}
	.nav{ display:none;}
	
	.banner_sj{ display:block; width:100%; margin:0 auto; overflow:hidden;}
	.banner{ display:none;}
	
	.search .s_inp01{ float:left; overflow:hidden; margin:7px 0;}
	.search .s_zi{ float:none; width:100%; overflow:hidden;}
	.search .s_biaoti{ float:none; width:100%; margin:0 auto; overflow:hidden; line-height:28px;}
	#s_width{ float:none; width:100%;}
	#s_width ul li a{ line-height:28px;}
	
	.miaoming_shuzi dl{ width:50%; margin:0 0 2% 0;}
	.miaoming_shuzi dl:nth-child(2){ width:50%; margin:0 0 2% 0;}
	.miaoming_shuzi dl:nth-child(3){ width:50%;}
	.miaoming_shuzi dl:nth-child(4){ width:50%;}
	
	.youshi_width{ margin:42px auto; position:inherit;}
	.youshi_center{ display:none;}
	.youshi_profile{ position:inherit;}
	.youshi_profile dl{ width:48%; margin:0 4% 4% 0;}
	.youshi_profile dl:nth-child(2n){ margin:0 0 4% 0;}
	
	.partner ul li{ width:16.6666666666667%;}
	.partner ul li:nth-child(13){ width:100%;}
	
	.news_width ul li{ width:48%; margin:0 2% 2% 0;}
	.news_width ul li:nth-child(2){ margin:0 0 2% 0;}
	.news_width ul li:nth-child(3){ margin:0 2% 0 0;}
	.news_width ul li:last-child{ margin:0;}
	
	.footer_contact ul li{ width:23%;}
	.footer_contact ul li:nth-child(2){ width:46%;}
	.footer_contact ul li:last-child{ width:31%;}
	
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.flexslider{ position:relative; height:100%;}
	.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
	.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
	.flex-pauseplay span{ text-transform:capitalize;}
	.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
	.flex-control-nav li{ margin:0 2px; display:inline-block; zoom:1;}
	.flex-control-paging li a{ width:6px; height:6px; border-radius:50%; display:block; border:#f8f8f8 2px solid; cursor:pointer; text-indent:-9999px;}
	.flex-control-paging li a:hover{ background:#0193de; border:#0193de 2px solid;}
	.flex-control-paging li a.flex-active{ background:#0193de; border:#0193de 2px solid; cursor:default;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	

}

@media screen and (max-width:640px) {

	.head_link ul li{ margin:0 12px 0 0;}
	.head_top .logo{ width:174px; margin:20px auto;}
	.head_top h1{ font-size:16px; line-height:18px; margin:20px 0 20px 10px;}
	.head_top h1 em{ font-size:16px; line-height:18px; margin:0 0 4px 0;}
	
	#navToggle{ top:-68px;}
	
	.search .s_inp01{ width:318px;}
	.search .s_inp01 .ip01{ width:246px;}
	
	.miaoming_shuzi dl{ width:100%; margin:0 0 4% 0;}
	.miaoming_shuzi dl:nth-child(2){ width:100%; margin:0 0 4% 0;}
	.miaoming_shuzi dl:nth-child(3){ width:100%; margin:0 0 4% 0;}
	.miaoming_shuzi dl:nth-child(4){ width:100%;}
	
	.new_p_width ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_width ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.youshi_profile dl{ width:100%; margin:0 0 4% 0;}
	.youshi_profile dl:nth-child(2n){ margin:0 0 4% 0;}
	
	.choose_nav ul li{ width:33%;}
	.choose_nav ul li a{ padding:8px 0; border-bottom:#ccc 1px solid;}
	
	.choose_width ul li{ width:48%; margin:0 4% 4% 0;}
	.choose_width ul li:nth-child(2){ margin:0 0 4% 0;}
	.choose_width ul li:nth-child(3){ margin:0 4% 4% 0;}
	.choose_width ul li:nth-child(4){ margin:0 0 4% 0;}
	.choose_width ul li:nth-child(5){ margin:0 4% 0 0;}
	
	.partner ul li{ width:25%;}
	
	.footer_contact ul li{ float:none; width:100%; position:relative; overflow:hidden; padding:36px 0; text-align:center;}
	.footer_contact ul li:nth-child(2){ width:100%;}
	.footer_contact ul li:last-child{ width:100%;}
	.footer_contact ul li:before{ position:absolute; width:100%; height:1px; background:#ddd; right:0; bottom:0; top:inherit; content:"";}
	
	/*bottombox*/
	#bottombox{ width:100%; height:60px; background:rgba(1,147,222,.8); z-index:99; position:fixed; bottom:0px; left:0px; right:0px; top:auto; padding:5px 0; display:none;}
	.fize{ text-align:center;}
	.fize img{ display:inline; margin:0 0 3px 0;}
	.bot1{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot1 a{ color:#fff;  font-size:14px;}
	.bot2{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot2 a{ color:#fff;   font-size:14px;}
	.bot3{ width:25%; height:auto; float:left; color:#500; text-align:center; display:block; margin:3px 0px;}
	.bot3 a{ color:#fff;  font-size:14px; }
	.bot4{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot4 a{ color:#fff;  font-size:14px;}

}